<template>
  <component :is="getOutlineComponent" :info="props.info"></component>
</template>

<script setup lang="ts">
import { computed, watch } from 'vue';
import style1 from './style/style1.vue';
import style2 from './style/style2.vue';
import style3 from './style/style3.vue';
import style4 from './style/style4.vue';
import style5 from './style/style5.vue';
import style6 from './style/style6.vue';
import free2Style1 from './style2/style1.vue';
import free2Style2 from './style2/style2.vue';
import free2Style3 from './style2/style3.vue';
import free2Style4 from './style2/style4.vue';
import free3Style1 from './style3/style1.vue';
import free3Style2 from './style3/style2.vue';
import free3Style3 from './style3/style3.vue';
import free3Style4 from './style3/style4.vue';
import free4Style1 from './style4/style1.vue';
import free4Style2 from './style4/style2.vue';
import free4Style3 from './style4/style3.vue';
import free4Style4 from './style4/style4.vue';
import free4Style5 from './style4/style5.vue';
import free4Style6 from './style4/style6.vue';

import free5Style1 from './style5/style1.vue';
import free5Style2 from './style5/style2.vue';
import free5Style3 from './style5/style3.vue';
import free5Style4 from './style5/style4.vue';
import free5Style5 from './style5/style5.vue';
import free5Style6 from './style5/style6.vue';

import free6Style1 from './style6/style1.vue';
import free6Style2 from './style6/style2.vue';
import free6Style3 from './style6/style3.vue';
import free6Style4 from './style6/style4.vue';
import free6Style5 from './style6/style5.vue';
import free6Style6 from './style6/style6.vue';

import free7Style1 from './style7/style1.vue';
import free7Style2 from './style7/style2.vue';
import free7Style3 from './style7/style3.vue';

import free8Style1 from './style8/style1.vue';
import free8Style2 from './style8/style2.vue';
import free8Style3 from './style8/style3.vue';
import free8Style4 from './style8/style4.vue';
import free8Style5 from './style8/style5.vue';

import free9Style1 from './style9/style1.vue';
import free9Style2 from './style9/style2.vue';
import free9Style3 from './style9/style3.vue';
import free9Style4 from './style9/style4.vue';

import free11Style1 from './style11/style1.vue';
import free11Style2 from './style11/style2.vue';
import free11Style3 from './style11/style3.vue';
import free10Style1 from './style10/style1.vue';
import free10Style2 from './style10/style2.vue';
import free10Style3 from './style10/style3.vue';
import free10Style4 from './style10/style4.vue';
import free12Style1 from './style12/style1.vue';
import free12Style2 from './style12/style2.vue';
import free12Style3 from './style12/style3.vue';
import free13Style1 from './style13/style1.vue';
import free13Style2 from './style13/style2.vue';
import free13Style3 from './style13/style3.vue';
import free13Style4 from './style13/style4.vue';
import free13Style5 from './style13/style5.vue';
import free13Style6 from './style13/style6.vue';
import free14Style1 from './style14/style1.vue';
import free14Style2 from './style14/style2.vue';
import free14Style3 from './style14/style3.vue';
import free15Style1 from './style15/style1.vue';
import free15Style2 from './style15/style2.vue';
import free15Style3 from './style15/style3.vue';
import free16Style1 from './style16/style1.vue';
import free16Style2 from './style16/style2.vue';
import free16Style3 from './style16/style3.vue';

import free17Style1 from './style17/style1.vue';
import free17Style2 from './style17/style2.vue';
import free17Style3 from './style17/style3.vue';
import free17Style4 from './style17/style4.vue';
import { urls } from '@/utils/request/upload';
const props = defineProps({
  info: {
    type: Object,
  },
});

const getOutlineComponent = computed(() => {
  switch (props.info.type) {
    case 12001:
      return style1;
      break;
    case 12002:
      return style2;
      break;
    case 12003:
      return style3;
      break;
    case 12004:
      return style4;
      break;
    case 12005:
      return style5;
      break;
    case 12006:
      return style6;
      break;
    case 22002:
      return free2Style2;
      break;
    case 22003:
      return free2Style3;
      break;
    case 22004:
      return free2Style4;
      break;
    case 22001:
      return free2Style1;
      break;
    case 32002:
      return free3Style2;
      break;
    case 32003:
      return free3Style3;
      break;
    case 32004:
      return free3Style4;
      break;
    case 32001:
      return free3Style1;
      break;
    case 42002:
      return free4Style2;
      break;
    case 42003:
      return free4Style3;
      break;
    case 42001:
      return free4Style1;
      break;
    case 42004:
      return free4Style4;
      break;
    case 42005:
      return free4Style5;
      break;
    case 42006:
      return free4Style6;
      break;
    case 52001:
      return free5Style1;
      break;
    case 52002:
      return free5Style2;
      break;
    case 52003:
      return free5Style3;
      break;
    case 52004:
      return free5Style4;
      break;
    case 52005:
      return free5Style5;
      break;
    case 52006:
      return free5Style6;
      break;
    case 62001:
      return free6Style1;
      break;
    case 62002:
      return free6Style2;
      break;
    case 62003:
      return free6Style3;
      break;
    case 62004:
      return free6Style4;
      break;
    case 62005:
      return free6Style5;
      break;
    case 62006:
      return free6Style6;
      break;
    case 72001:
      return free7Style1;
      break;
    case 72002:
      return free7Style2;
      break;
    case 72003:
      return free7Style3;
      break;
    case 82001:
      return free8Style1;
      break;
    case 82002:
      return free8Style2;
      break;
    case 82003:
      return free8Style3;
      break;
    case 82004:
      return free8Style4;
      break;
    case 82005:
      return free8Style5;
      break;
    case 92001:
      return free9Style1;
      break;
    case 92002:
      return free9Style2;
      break;
    case 92003:
      return free9Style3;
      break;
    case 92004:
      return free9Style4;
      break;
    case 112001:
      return free11Style1;
      break;
    case 112002:
      return free11Style2;
      break;
      break;
    case 112003:
      return free11Style3;
    case 102001:
      return free10Style1;
      break;
    case 102002:
      return free10Style2;
      break;
    case 102003:
      return free10Style3;
      break;
    case 102004:
      return free10Style4;
      break;
    case 122001:
      return free12Style1;
      break;
    case 122002:
      return free12Style2;
      break;
    case 122003:
      return free12Style3;
      break;
    case 132001:
      return free13Style1;
      break;
    case 132002:
      return free13Style2;
      break;
    case 132003:
      return free13Style3;
      break;
    case 132004:
      return free13Style4;
      break;
    case 132005:
      return free13Style5;
      break;
    case 132006:
      return free13Style6;
      break;
    case 142001:
      return free14Style1;
      break;
    case 142002:
      return free14Style2;
      break;
    case 142003:
      return free14Style3;
      break;
    case 152001:
      return free15Style1;
      break;
    case 152002:
      return free15Style2;
      break;
    case 152003:
      return free15Style3;
      break;
    case 162001:
      return free16Style1;
      break;
    case 162002:
      return free16Style2;
      break;
    case 162003:
      return free16Style3;
      break;
    case 172001:
      return free17Style1;
      break;
    case 172002:
      return free17Style2;
      break;
    case 172003:
      return free17Style3;
      break;
    case 172004:
      return free17Style4;
      break;
    default:
      return style1;
      break;
  }
});
</script>

<style scoped lang="less"></style>
